import React, { Component } from "react";
import { Animated } from "react-native";
import View = Animated.View;

/*
* 最简单的给组件设定尺寸的方式就是在样式中指定固定的 width 和 height，RN 中的尺寸都是无单位的，表示的是与设备像素密度无关的逻辑像素点。
* */

/*
* 这种给组件设置尺寸也是一种常见的模式，比如要求在不同尺寸的屏幕上都显示成一样的大小。
* */

export default class FixedDimensionsBasics extends Component {
  render() {
    return (
      <View>
        <View
          style={{ width: 50, height: 50, backgroundColor: "powderblue" }}
        />
        <View style={{ width: 100, height: 100, backgroundColor: "skyblue" }} />
        <View
          style={{ width: 150, height: 150, backgroundColor: "steelblue" }}
        />
      </View>
    );
  }
}
